

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

<meta name="format-detection" content="telephone=no" />
<meta content="width=device-width, initial-scale=1" name="viewport" />

<!--[if lt IE 9]>
    <script src="./js/html5.js" type="text/javascript"></script>
<![endif]-->

<title>YUKHIN 01 - HTML</title>

<!-- FOR THEME -->
<link href="./css/inuit.css" rel="stylesheet" type='text/css' />
<link href="./css/prettyphoto.css" rel="stylesheet" type='text/css' />
<link href="./css/style.css" rel="stylesheet" type='text/css' />

<!-- FOR INDIVIDUAL PAGE -->
<link rel='stylesheet' href='./css/flexslider.css' type='text/css' media='all' />

<link href="./images/theme/icon.png" rel="shortcut icon" />
<link href="./images/theme/icon.png" rel="apple-touch-icon-precomposed" />


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
	<div class="wrapper">

        <!-- BEGIN HEADER -->
        <header id="header">
        
            <div class="grids">
            	<div class="grid-3 first-space"></div>
	            
	            <!-- BEGIN LOGO -->
	            <div id="logo" class="grid-3">
	            	<a href="#"><img src="./images/theme/logo-big.png" width="228" height="49" alt="" /></a>
	            </div>
	            <!-- END LOGO -->
	            
	            <!-- BEGIN MAIN MENU -->
	            <nav id="main-menu" class="grid-6">
	            	<div class="wrap">
		            	<div class="root"><a href="javascript:;">MENU</a></div>
		                <ul class="menu sf-menu">
		                	<li class="has-child active"><a href="./home-1.html">HOME</a>
		                		<ul>
		                			<li><a href="./home-1.html">LAYOUT 1</a></li>
		                			<li><a href="./home-2.html">LAYOUT 2</a></li>
		                			<li><a href="./home-3.html">LAYOUT 3</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./headings.html">FEATURES</a>
		                		<ul>
		                			<li><a href="./headings.html">HEADINGS</a></li>
		                			<li><a href="./elements.html">PAGE ELEMENTS</a></li>
		                			<li><a href="./pricing-tables.html">PRICING TABLES</a></li>
		                			<li><a href="./about.html">ABOUT</a></li>
		                			<li><a href="./our-team.html">MEET OUR TEAM</a></li>
		                			<li><a href="./404.html">404</a></li>
		                			<li class="has-child"><a href="#">MULTI LEVEL MENU</a>
		                				<ul>
		                					<li><a href="#">LEVEL 3 ITEM 1</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 2</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 3</a></li>
		                				</ul>
		                			</li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./portfolio-1-col.html">PORTFOLIO</a>
		                		<ul>
		                			<li><a href="./portfolio-1-col.html">ONE COLUMN</a></li>
		                			<li><a href="./portfolio-1-col-alt.html">ONE COLUMN ALT</a></li>
		                			<li><a href="./portfolio-2-cols.html">TWO COLUMNS</a></li>
		                			<li><a href="./portfolio-3-cols.html">THREE COLUMNS</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./blog.html">BLOG</a>
		                		<ul>
		                			<li><a href="./blog.html">POST LIST</a></li>
		                			<li><a href="./blog-detail.html">POST DETAIL</a></li>
		                		</ul>
		                	</li>
		                	<li class=" "><a href="./contact.html">CONTACT</a></li>
		                </ul>
		        	</div> <!-- end wrap -->
	            </nav>
	            <!-- END MAIN MENU -->
	            
            </div>

        </header>
        <!-- END HEADER -->	<div id="content" role="main">
	
		<!-- BEGIN SLIDER -->
		<div id="main-slider" class="cf">
		  <div class="flexslider yk1">
		    <ul class="slides">
		      <li>
		        <img src="./images/demo/banner-792x350-1.jpg" data-rel="images/demo/banner-792x350-1.jpg" alt="" />
		        <div class="flex-caption"><h1>Manage Events Like A Pro With WordPress</h1><p>If you've ever tried working with, coding for or just thinking about anything to do with events, you know they are a total nightmare in every possible way.</p></div>
		      </li>
		      <li>
		        <img src="./images/demo/banner-792x350-2.jpg" data-rel="images/demo/banner-792x350-2.jpg" alt="" />
		        <div class="flex-caption"><h1>Keep Your Analytics Data Safe And Clean</h1><p>Whoever works with analytics on a day-to-to-day basis knows how important it is to have a continuity with the data.</p></div>
		      </li>
		      <li>
		        <img src="./images/demo/banner-792x350-3.jpg" data-rel="images/demo/banner-792x350-3.jpg" alt="" />
		        <div class="flex-caption"><h1>Redesigning With Personality</h1><p>In this chapter, Aarron explains how sharing our personalities can help us create lasting relationships with users, and how it can improve the bottom line of our business.</p></div>
		      </li>
		    </ul>
		  </div>
		</div>
		<!-- END SLIDER -->
		
		<!-- BEGIN CALL TO ACTION -->
		<div id="call-to-action" class="grids">
			<div class="grid-3 first-space"></div>
			<div class="grid-9">
				<div class="msg"><span style="color:#e07538;">YUKHIN 01</span> - Powerful site template
				designed in a <span style="color:#e07538;">clean</span> and <span style="color:#e07538;">minimal</span> style.</div>
				<a class="btn"></a>
			</div>
		</div>
		<!-- END CALL TO ACTION -->
		
		
		<!-- BEGIN MAIN SECTIONS -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section theme-features grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title"><span>theme features</span></h1>
					<span class="more-text"><a href="#">→ other features</a></span>
				</div>
			</aside>
			<div class="grid-9">
				<ul class="text-list four-cols">
					<li>
						<h4 class="title"><a href="#">Enhanced lightbox</a></h4>
						<p><span class="dropcap-1">1</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
						<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
						<a class="button-1">view detail</a>
					</li>
					<li>
						<h4 class="title"><a href="#">Unique design</a></h4>
						<p><span class="dropcap-1">2</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
						<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
						<a class="button-1">view detail</a>
					</li>
					<li>
						<h4 class="title"><a href="#">Multi-level menu</a></h4>
						<p><span class="dropcap-1">3</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
						<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
						<a class="button-1">view detail</a>
					</li>
					<li>
						<h4 class="title"><a href="#">Interactive GMap</a></h4>
						<p><span class="dropcap-1">4</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
						<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
						<a class="button-1">view detail</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- END SECTION -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section home-portfolio grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title"><span>portfolio</span></h1>
					<p>Lorem ipsum dolor sit  amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
					<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
					</p>
					<ul class="list">
						<li><a href="#">Landscape</a></li>
						<li><a href="#">Animal</a></li>
						<li><a href="#">Fashion</a></li>
						<li><a href="#">Under Sea</a></li>
						<li><a href="#">Sport</a></li>
					</ul>
					<span class="more-text"><a href="#">→ view full gallery</a></span>
				</div>
			</aside>
			<div class="grid-9">
				<ul class="portfolio-list three-cols">
					<li><a data-rel="prettyPhoto[home-3]" title="If you've ever tried working with, coding for or just thinking about anything to do with events, you know they are a total nightmare in every possible way." href="./images/demo/thumb-234x165-1-f.jpg"><img src="./images/demo/thumb-234x165-1.jpg" width="234" height="165" alt="Manage Events Like A Pro With WordPress" data-longdesc="portfolio-detail.php" /></a></li>
					<li><a data-rel="prettyPhoto[home-3]" title="Whoever works with analytics on a day-to-to-day basis knows how important it is to have a continuity with the data." href="./images/demo/thumb-234x165-2-f.jpg"><img src="./images/demo/thumb-234x165-2.jpg" width="234" height="165" alt="Keep Your Analytics Data Safe And Clean" data-longdesc="portfolio-detail.php" /></a></li>
					<li><a data-rel="prettyPhoto[home-3]" title="In this chapter, Aarron explains how sharing our personalities can help us create lasting relationships with users, and how it can improve the bottom line of our business." href="./images/demo/thumb-255x142-3-f.jpg"><img src="./images/demo/thumb-234x165-3.jpg" width="234" height="165" alt="Redesigning With Personality" data-longdesc="portfolio-detail.php" /></a></li>
					<li><a data-rel="prettyPhoto[home-3]" title="If you've ever tried working with, coding for or just thinking about anything to do with events, you know they are a total nightmare in every possible way." href="./images/demo/thumb-234x165-4-f.jpg"><img src="./images/demo/thumb-234x165-4.jpg" width="234" height="165" alt="Manage Events Like A Pro With WordPress" data-longdesc="portfolio-detail.php" /></a></li>
					<li><a data-rel="prettyPhoto[home-3]" title="Whoever works with analytics on a day-to-to-day basis knows how important it is to have a continuity with the data." href="./images/demo/thumb-234x165-5-f.jpg"><img src="./images/demo/thumb-234x165-5.jpg" width="234" height="165" alt="Keep Your Analytics Data Safe And Clean" data-longdesc="portfolio-detail.php" /></a></li>
					<li><a data-rel="prettyPhoto[home-3]" title="In this chapter, Aarron explains how sharing our personalities can help us create lasting relationships with users, and how it can improve the bottom line of our business." href="./images/demo/thumb-234x165-6-f.jpg"><img src="./images/demo/thumb-234x165-6.jpg" width="234" height="165" alt="Redesigning With Personality" data-longdesc="portfolio-detail.php" /></a></li>
				</ul>
			</div>
		</div>
		<!-- END SECTION -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section partners grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title"><span>our partners</span></h1>
					<span class="more-text"><a href="#">→ view full list</a></span>
				</div>
			</aside>
			<div class="grid-9">
				<ul class="partner-list four-cols">
					<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-1.jpg" width="173" height="94" /></a></li>
					<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-2.jpg" width="173" height="94" /></a></li>
					<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-3.jpg" width="173" height="94" /></a></li>
					<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-4.jpg" width="173" height="94" /></a></li>
				</ul>
			</div>
		</div>
		<!-- END SECTION -->
		
		<!-- END MAIN SECTIONS -->
    </div>

<!-- BEGIN PRE FOOTER -->
	<div id="pre-footer" class="cf">
		<div id="footer-tweets">
			<ul></ul>
		</div>
		<div id="tweets-tmp" style="display:none;visibility:hidden;"></div>
	</div>
<!-- END PRE FOOTER -->

<!-- BEGIN FOOTER -->
        <footer id="footer" class="cf">
        	<div class="grids">
	        	<div class="grid-3 col-1">
	        		<div class="cell-wrapper cf">
	        			<img alt="" id="footer-logo" src="./images/theme/logo-small.png" width="172" height="39" />
	        			<div class="company-info">
	        				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	        			</div>
	        			<div class="footer-section">
	        				<h1>STAY IN TOUCH</h1>
	        				<ul class="social-links">
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-1.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-2.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-3.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-4.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-5.png" width="29" height="29" /></a></li>
	        				</ul>
	        			</div>
	        		</div>
	        	</div>
	    		<div class="grid-3 col-2">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>GALLERY</h1>
	    					<ul class="gallery" id="flickr-gallery"></ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-3">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>CONTACT</h1>
	    					<ul class="contact">
	    						<li class="cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Head office</strong></span><br />
	    								59, Tran Hung Dao street<br />
	    								ward 8, district 5<br />
	    								Ho Chi Minh city<br />
	    								HONG KONG
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;">+82 907 341 688</span><br />
	    								<a href="#">contact@company.com</a><br /><br />
	    								<span style="color: #fff;">Applications</span><br />
	    								<a href="#">jobs@company.com</a><br />
	    							</span>
	    						</li>
	    						<li class="mb0 cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Oversea office</strong></span><br />
	    								226, Nguyen Trai street<br />
	    								ward 3, district 1<br />
	    								Can Tho city<br />
	    								THAILAND
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;"><strong>+36 987 361 681</strong></span><br />
	    								<a href="#">contact2@company.com</a><br />
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-4">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>OUR CLIENT WORDS</h1>
	    					<ul class="testimonial">
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing tempor incididunt ut
	    								<span class="client-name">- Le Mong Thuy</span>
	    							</span>
	    						</li>
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    								<span class="client-name">- Tina</span>
	    							</span>
	    						</li>
	    						<li class="cf mb0">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit tempor ut
	    								<span class="client-name">- Huong Tinh Vu</span>
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
		</footer>
        <!-- END FOOTER -->
        
	</div>
	<!-- SCRIPTS -->
	<script type='text/javascript' src='./js/jquery.js'></script>
	<script type='text/javascript' src='./js/respond.min.js'></script>
	<script type='text/javascript' src='./js/mobilemenu.js'></script>
	<script type='text/javascript' src='./js/prettyPhoto.js'></script>
	<script type="text/javascript" src="./js/theme.js"></script>
	<!-- PAGE'S SCRIPTS -->
		<script type='text/javascript' src='./js/flexslider-min.js'></script>
		
	<script type="text/javascript">
		jQuery(window).load(function(){
			$('.flexslider').flexslider();
		});	
	</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
